<div class="header-top">
    <!-- 头部相关网站 -->
    <div class="webs">
        <!-- 微信 -->
        <div class="weixin">
            <img src="/images/icon_phone.png">
            <span>微商城</span>
        </div>
        <span class="cutting-line"></span>
        <!-- 微博 -->
        <div class="weibo">
            <img src="/images/icon_sina.png">
            <span><a href="javascript:void(0)">官方微博</a></span>
        </div>
        <!-- 台湾元祖 -->
        <div class="twyuanzu">
            <img src="/images/icon_tw.png">
            <span><a href="javascript:void(0)">台湾元祖</a></span>
        </div>
    </div>
    <!-- 头部登陆注册位置 -->
    <div class="userbar">
        <ul>
            <li>
                <a href="/html/login.html"><p id="login-before">登陆/注册</p></a>
                <p id="userphone-show"><span id="userphone666"></span><span id="quit">注销</span></p>
            </li>
            <li>
                <a href="javascript:void(0)">会员中心</a>
            </li>
            <li>
                <a href="/html/buy-cart.html">购物车</a>
            </li>
            <li>
                <a href="javascript:void(0)">元祖门店</a>
            </li>
            <li>
                <a href="javascript:void(0)">帮助中心</a>
            </li>
        </ul>
    </div>
</div>
<!-- logo上部广告栏 -->
<div class="header-banner">
    <img src="/images/p1.jpg">
</div>
<!-- logo及搜索框 -->
<div class="header-search">
    <div class="header-search-logo">
        <a href="javascript:void(0)"><img src="/images/LOGO.png"></a>
    </div>
    <div class="header-search-center">
        <form>
            <input type="text" class="txt" placeholder="请输入搜索内容">
            <input type="btn" class="btn" value="搜索">
            <ul id="search-ul" class="search-ul"></ul>
        </form>
        <ul class="header-search-hot">
            <li>热门搜索：</li>
            <li><a href="javascript:void(0)">元祖梦蛋糕</a></li>
            <li><a href="javascript:void(0)">精致西点</a></li>
        </ul>
    </div>
    <div class="header-search-right">
        <img src="/images/icon-tuzi.jpg">
    </div>
</div>
<!-- 头部导航栏 -->
<div class="header-nav">
    <div class="menu">
        <h3>全部商品分类</h3>
        <div class="menu-nav">
            <ul>
                <li>
                    <h6><a href="/html/list.html">元祖补冬季</a></h6>
                    <span><a href="/html/list.html">补冬礼盒</a></span>
                    <span><a href="/html/list.html">补冬蛋糕</a></span>
                </li>
                <li>
                    <h6><a href="/html/list.html">元祖梦蛋糕</a></h6>
                    <span><a href="/html/list.html">鲜奶蛋糕</a></span>
                    <span><a href="/html/list.html">巧克力蛋糕</a></span>
                    <span><a href="/html/list.html">慕斯蛋糕</a></span>
                </li>
                <li>
                    <h6><a href="/html/list.html">冰品季</a></h6>
                    <span><a href="/html/list.html">冰淇凌蛋糕</a></span>
                    <span><a href="/html/list.html">冰品点心</a></span>
                </li>
                <li>
                    <h6><a href="/html/list.html">元祖礼盒</a></h6>
                    <span><a href="/html/list.html">水果礼盒</a></span>
                    <span><a href="/html/list.html">糕点礼盒</a></span>
                </li>
                <li>
                    <h6><a href="/html/list.html">精致西点</a></h6>
                    <span><a href="/html/list.html">小慕斯类</a></span>
                    <span><a href="/html/list.html">麻薯类</a></span>
                </li>
            </ul>
        </div>
    </div>
    <ul class="submenu">
        <li><a href="/index.html">元祖商城</a></li>
        <li></li>
        <li><a href="javascript:void(0)">品牌故事</a></li>
        <li></li>
        <li><a href="javascript:void(0)">元祖推荐</a></li>
        <li></li>
    </ul>
</div>